<template>
  <img @click="onImgClick" class="size" :src="url" alt="">
  <!-- <span>{{num}}</span> -->
</template>

<script>
const testNum = 'a'
export default {
  name: 'Swiper',
  // props: ['url'],
  props: {
    url: {
      type: String,
      default: ''
    }
    // num: {
    //   type: Boolean
    // },
    // obj: {
    //   type: Object
    // }
  },
  setup (props, context) {
    // console.log(props.url) // props代替了this的取值习惯
    // props.num = props.num + 1 // 单向数据流 值类型和引用类型，子组件不允许改变父组件传进来的值
    // props.obj = {}
    // props.obj.name = 'name'
    // console.log(props.num)
    // console.log(props.obj)
    function onImgClick () {
      context.emit('sub-event', testNum)
    }
    return {
      onImgClick
    }
  }
}
</script>
<style scoped>
  .size {
    width: 100%;
  }
</style>
